<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>富文本编辑器</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.6.8/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">

        <blockquote class="layui-elem-quote">
            富文本编辑器使用开源项目：editor<br>
            具体使用请参考下方官网，以下仅做示例，上传接口请改为实际后端接口<br>
            目前上传接口返回数据是写死在json里面的<br>
            <a href="http://fex.baidu.com/ueditor/" target="_blank" class="layui-btn layui-btn-danger">editor</a>
        </blockquote>
<div class="layui-col-md">
    <textarea class="[editorid]" name="[inputname]" id="editorid" style="width:100%;height:200px;"></textarea>
</div>
    </div>
</div>
<script type="text/javascript" charset="utf-8" src="../../lib/editor/ueditor.config.js?v=1"></script>
<script type="text/javascript" charset="utf-8" src="../../lib/editor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="../../lib/editor/lang/zh-cn/zh-cn.js"></script>
<script>
    var ue = UE.getEditor('editorid',{
        serverUrl :""
    });
    ue.addListener("blur",function(){
        $('.editorid').val(UE.getEditor('editorid').getContent());
    })
</script>
        <pre class="layui-code">
         var ue = UE.getEditor('editorid',{
        serverUrl :""
    });
    ue.addListener("blur",function(){
        $('.editorid').val(UE.getEditor('editorid').getContent());
    })
        </pre>


</body>
</html>